Form-Select (選擇功能表)

要做一個Form-Select首先我們要在<select>上加上.form-select，就會產生跟<input>一樣的樣式。
範例程式碼:

<select class="form-select" aria-label="Default select example">
  <option selected>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

效果:

尺寸

Form-Select 的調整大小跟input類似，也是再加上.form-select-lg(會height變大一點)，或是.form-select-sm(會height變小一點)。

multiple 屬性

在<select>加上multiple屬性可以讓使用者按住[CTRL](mac 是 [Cammand])就可以同時選取多個選項。
範例程式碼:

<select class="form-select" multiple aria-label="multiple select example">
  <option selected>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

效果(下圖我同時選三個)

size 屬性

如果你想限制<select>一次可以顯示的選項個數(超過的會出現滾輪)的話，可以使用size屬性，若一次要顯示3個選項，那我們就在<select>上寫size="3"，但要注意，如果使用size 屬性的話，multiple 屬性就失效了(變成無法多選)。
範例程式碼:

<select class="form-select" size="3" aria-label="size 3 select example">
  <option selected>Open this select menu</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

效果:

disabled (禁用)

在<select>也能加上disabled 屬性使其外觀呈現灰色，並移除 pointer 事件(便點擊無反應，選單也延展不開)。
範例程式碼:

<select class="form-select" aria-label="Disabled select example" disabled>
 <option selected>Open this select menu</option>
 <option value="1">One</option>
 <option value="2">Two</option>
 <option value="3">Three</option>
</select>

效果: